<template>
<div class="yingmooLunbo">
  <el-carousel indicator-position="inside">
    <el-carousel-item v-for="(v,i) in banners" :key="i">
      <img :src="v.imgUrl" />
    </el-carousel-item>
  </el-carousel>
</div>
</template>

<script>
  export default {
    name: 'ym-lunbo',
    data() {
      return {
        /* banner数据，方便修改 */
        banners: [{
          title: '投放广告',
          description: '在线采购，价格超低、广告投放一站式全免费',
          imgUrl: require('@/assets/ym-banner/banner1.png')
        }, {
          title: '专家服务',
          description: '顶级专家 在线答疑，免费 提供策划、创意、设计服务',
          imgUrl: require('@/assets/ym-banner/banner1.png')
        }, {
          title: '媒体询价',
          description: '鹰目专家为您 快速 提供指定媒体的精准信息和 报价',
          imgUrl: require('@/assets/ym-banner/banner1.png')
        }]
      }
    }
  }

</script>

<style>
  .el-carousel,
  .el-carousel__container,
  .el-carousel__item img {
    width: 100%;
    height: 100%;
  }
</style>